
<HTML>
<HEAD>
<TITLE>
First Test of Section 2.0 of CSS1 Specification</TITLE>


<STYLE TEXT="text/css">
.class1 {color: blue}
.class2 {color: red}
</STYLE>
</HEAD>


<BODY>

<h1 >
Testing First Testable Statement of Section 2.0 of CSS1 Spec
</h1>

<ul>
<li >
1. In CSS1, style is normally attached to an element based on its position in
the document structure.
</ul>






<h2 >"PASS" CRITERIA:
</h2>
<p>
If statement #1 above is passed, then:
<h2 class=class1>
This heading(h2) should be blue.  The rule applied is ".class {color: blue}".
The word<em> important(em)</em> is also blue, because of its position within h2.
</h2>
<h2 class=class2>
This h2 heading should be red.  The rule applied is ".class {color: red}".
The word<em> important(em)</em> is also red, because of its position within
this h2.
</h2>
The value of "em" color above is different depending on its position.
Your browser rendering of this page should look similar to this 
<a href="a201.gif">reference image</a> or to this <a href="b201.gif">reference
image</a>.

To move directly to the next test, click<a href="20-2.htm"> here</a>
</BODY>
</HTML>
